.section {
    width: 300px;
    height: 300px;
    margin: 0px;
    padding: 0px;
    display: block;
    border: 1px solid red;
    position: relative;
}

.section:after {
    content: "";
    display: block;
    clear: both;
}

div {
    margin: 0px;
    padding: 0px;
}

a {
    width: 100px;
    height: 100px;
    margin: 0px;
    padding: 0px;
    color: white;
    background: plum;
    text-decoration: none;
    text-align: center;
    display: inline-block;
}

a:hover {
    background: blue;
}

/*使用相对定位*/
/*相对于原来位置*/
#div3{
    position: absolute;
    top: 200px;
}
#div2{
    position:absolute;
    top:0px;
    left: 200px;
}

#div4{
    position:absolute;
    top:200px;
    left: 200px;
}

#div5{
    position:absolute;
    top:100px;
    left:100px;
}

span {
    line-height: 100px;
}